<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>健康之家</title>
		<link rel="stylesheet" type="text/css" href="css/themes/default/easyui.css">
		<link rel="stylesheet" type="text/css" href="css/themes/icon.css">
		<link rel="stylesheet" type="text/css" href="css/demo.css">
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/jquery.easyui.min.js"></script>
	</head>

	<body class="easyui-layout">
		<div data-options="region:'north'" style="height:100px"></div>
		<div data-options="region:'south',split:true" style="height:50px;">
			<p style="width:500px;margin:0 auto; margin-top:10px;">重庆邮电大学 版权所有  Tel:023-6477818  地址:重庆市南岸区崇文路2号附2号</p>
		</div>
		<div data-options="region:'west',split:true" title="导航菜单" style="width:300px;">
			<div class="easyui-accordion" data-options="fit:true,border:false">
				<div title="系统管理" data-options="selected:true"  style="padding:10px;">
					<ul class="easyui-tree">
						<li>用户管理</li>
						<li>部门管理</li>
						<li>菜单管理</li>
						<li>角色管理</li>
						<li>权限管理</li>
					</ul>
				</div>
				<div title="系统配置" style="padding:10px;">
					<ul class="easyui-tree">
							<li>
								<span>My Documents</span>
								<ul>
									<li data-options="state:'closed'">
										<span>Photos</span>
										<ul>
											<li>
												<span>Friend</span>
											</li>
											<li>
												<span>Wife</span>
											</li>
											<li>
												<span>Company</span>
											</li>
										</ul>
									</li>
									<li>
										<span>Program Files</span>
										<ul>
											<li>Intel</li>
											<li>Java</li>
											<li>Microsoft Office</li>
											<li>Games</li>
										</ul>
									</li>
									<li>index.html</li>
									<li>about.html</li>
									<li>welcome.html</li>
								</ul>
							</li>
						</ul>
				</div>
			</div>
		</div>
		<div data-options="region:'center'">
			<div class="easyui-tabs" data-options="fit:true,border:false,plain:true">
				<div title="欢迎使用" data-options="href:'welcome.html',closable:true" ></div>
				<div title="用户管理" data-options="closable:true" >
					<table class="easyui-datagrid"
							data-options="rownumbers:true,singleSelect:true,url:'datagrid_data1.json',method:'get',fit:true,fitColumns:true,toolbar:'#tb'">
						<thead>
							<tr>
								<th data-options="field:'itemid',width:80">Item ID</th>
								<th data-options="field:'productid',width:100">Product</th>
								<th data-options="field:'listprice',width:80,align:'right'">List Price</th>
								<th data-options="field:'unitcost',width:80,align:'right'">Unit Cost</th>
								<th data-options="field:'attr1',width:240">Attribute</th>
								<th data-options="field:'status',width:60,align:'center'">Status</th>
							</tr>
						</thead>
					</table>
					<div id="tb" class="toolbar" >
						<a onclick="javascript:addUser();" data-options="iconCls:'icon-add'" class="easyui-linkbutton l-btn" href="#" id="add"><span class="l-btn-left">添加</span></a>
						<a onclick="javascript:addUser();" data-options="iconCls:'icon-add'" class="easyui-linkbutton l-btn" href="#" id="add"><span class="l-btn-left">删除</span></a>
						<a onclick="javascript:addUser();" data-options="iconCls:'icon-add'" class="easyui-linkbutton l-btn" href="#" id="add"><span class="l-btn-left">编辑</span></a>
		
						<!--<div style="margin-bottom:5px">
							<a data-options="iconCls:'icon-add'" class="easyui-linkbutton l-btn" href="#" id="add"><span class="l-btn-left"><span class="l-btn-text icon-add" style="padding-left: 20px;">Add</span></span></a>
							<a href="#" class="easyui-linkbutton" iconCls="icon-edit" plain="true"></a>
							<a href="#" class="easyui-linkbutton" iconCls="icon-save" plain="true"></a>
							<a href="#" class="easyui-linkbutton" iconCls="icon-cut" plain="true"></a>
							<a href="#" class="easyui-linkbutton" iconCls="icon-remove" plain="true"></a>
							Date From: <input class="easyui-datebox" style="width:80px">
							To: <input class="easyui-datebox" style="width:80px">
							Language: 
							<select class="easyui-combobox" panelHeight="auto" style="width:100px">
								<option value="java">Java</option>
								<option value="c">C</option>
								<option value="basic">Basic</option>
								<option value="perl">Perl</option>
								<option value="python">Python</option>
							</select>
							<a href="#" class="easyui-linkbutton" iconCls="icon-search">Search</a>
						</div>-->
					</div>
					<div class="easyui-pagination" data-options="total:114"></div>
				</div>
				<div title="部门管理" data-options="closable:true" >
					<table class="easyui-datagrid" data-options="url:'datagrid_data1.json',method:'get',singleSelect:true,fit:true,fitColumns:true">
						<thead>
							<tr>
								<th data-options="field:'itemid'" width="80">Item ID</th>
								<th data-options="field:'productid'" width="100">Product ID</th>
								<th data-options="field:'listprice',align:'right'" width="80">List Price</th>
								<th data-options="field:'unitcost',align:'right'" width="80">Unit Cost</th>
								<th data-options="field:'attr1'" width="150">Attribute</th>
								<th data-options="field:'status',align:'center'" width="50">Status</th>
							</tr>
						</thead>
					</table>
				</div>
			</div>
		</div>
	</body>
</html>